// el-radio 样式
.el-radio {
  --el-radio-input-height: 16px;
  --el-radio-input-width: 16px;

  // 选中状态
  .el-radio__input.is-checked .el-radio__inner {
    background: var(--el-color-white);
    border: 1px solid var(--el-color-primary);
    padding: 1px;
  }

  .el-radio__input.is-disabled.is-checked .el-radio__inner {
    border: 1px solid var(--el-text-color-placeholder);
  }

  // 选中后中间蓝圆点
  .el-radio__inner::after {
    background-color: var(--el-color-primary);
    width: 8px;
    height: 8px;
  }
}

// el-radio-button 样式
.el-radio-button {
  // radio的按钮样式 选中后
  .el-radio-button__original-radio:checked + .el-radio-button__inner {
    color: var(--el-color-primary);
    background-color: var(--el-color-white);
    border-color: var(--el-color-primary);
  }

  .el-radio-button__original-radio:disabled:checked + .el-radio-button__inner {
    color: #b5c7ff;
    background-color: var(--el-color-white);
    border-color: #b5c7ff;
  }
}

// el-checkbox 样式
.el-checkbox {
  .el-checkbox__inner::after {
    border: 2px solid var(--el-checkbox-checked-icon-color);
    border-left: 0;
    border-top: 0;
    top: 0;
    left: 3.5px;
    transform: rotate(45deg) scaleY(0);
  }

  .el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--el-checkbox-text-color);
  }

  .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    height: 4px;
    top: 4px;
    transform: scale(0.6);
  }
}

// el-checkbox-button 样式
.el-checkbox-button {
  --el-checkbox-button-checked-bg-color: var(--el-color-white);
  --el-checkbox-button-checked-text-color: var(--el-color-primary);
  --el-checkbox-button-checked-border-color: var(--el-color-primary);
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  box-shadow: var(--el-color-primary);
}

// el-dialog 样式
.el-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  .el-dialog {
    border-radius: 8px;
    padding: 12px 0;
  }
  .el-button--info {
    --el-button-text-color: rgba(0, 0, 0, 0.9);
    --el-button-bg-color: #e7e7e7;
    --el-button-border-color: #e7e7e7;
  }
  .el-dialog__header {
    border-bottom: 1px solid #e7e7e7;
    margin-right: 0px;
    padding: 0 32px;
    height: 28px;
    padding-bottom: 12px;
    .el-dialog__title{
      font-size: 20px;
      font-weight: 500;
    }
  }

  .el-dialog__headerbtn {
    top: 6px;
  }
  .el-dialog__body{
    padding: 24px 32px;
  }

  .el-dialog__footer {
    border-top: 1px solid #e7e7e7;
    padding: 12px 32px;
  }
}

// el-tabs
.el-tabs {
  .el-tabs__header {
    // height: 48px;
    .el-tabs__item {
      padding: 0 16px !important;
      color: rgba(0, 0, 0, 0.6);
      &.is-active {
        border-bottom: 2px solid var(--el-color-primary);
        color: var(--el-color-primary);
      }
    }
    .el-tabs__active-bar {
      display: none;
    }
  }
}
// el-alert
.el-alert {
  height: 54px;
  line-height: 54px;
  padding: 0 24px;
  &.el-alert--error {
    border: 1px solid var(--el-color-danger);
  }
  &.el-alert--success {
    border: 1px solid var(--el-color-success);
  }
  &.el-alert--warning {
    border: 1px solid var(--el-color-warning);
  }

  .el-alert__title {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.9);
  }
  .el-alert__icon {
    font-size: 17.5px;
    width: 17.5px;
  }
  .el-alert__close-btn {
    font-size: 16px;
    width: 16px;
    color: rgba(0, 0, 0, 0.6) !important;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
  }
}
// el-breadcrumb
.el-breadcrumb {
  .el-breadcrumb__item {
    &:hover {
      .el-breadcrumb__inner {
        color: var(--el-color-primary);
      }
    }
    span {
      color: rgba(0, 0, 0, 0.4);
      font-size: 14px;
      font-weight: normal;
      cursor: pointer !important;
    }
    &:last-child {
      span {
        // color: rgba(0, 0, 0, 0.4);
        font-weight: bold;
        color: rgba(0, 0, 0, 0.9);
      }
    }
  }
}
// el-message-box
.el-message-box {
  border-radius: 8px;
  border: none;
  padding: 0;
  .el-message-box__header {
    padding: 12px 32px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.9);
    position: relative;
  }
  .el-message-box__headerbtn{
    right: 24px;
    top: 6px;
    i{
      color: rgba(0, 0, 0, 0.6);
      font-size: 16px;
    }
  }
  .el-message-box__content{
    padding: 24px 32px;
  }
  .el-message-box__btns{
    padding: 12px 32px;
    border-top: 1px solid #e7e7e7;
    .el-button{
      color: rgba(0, 0, 0, 0.9);
      background: #E7E7E7;
    }
    .el-button--primary{
      color: rgba(255, 255, 255, 0.9);
      background: #164CE8;
    }
  }
}

.el-tag{
  height: 32px;
  font-size: 14px;
  --el-tag-bg-color: #D9E1FF;
  --el-tag-text-color: #0256FF;
}
.el-tag.el-tag--primary{
  --el-tag-bg-color: #D9E1FF;
  --el-tag-text-color: #0256FF;
}
.el-tag.el-tag--success{
  --el-tag-bg-color: #DBF8D8;
}
.el-tag.el-tag--danger{
  --el-tag-bg-color: #FDDADD;
  --el-tag-text-color: #E60A1F;
}
.el-tag.el-tag--warning{
  --el-tag-bg-color: #FFE3B3;
  --el-tag-text-color: #DC8B00;
}